<template>
	<view class="page">
		<view class="flex align-center">
			<uni-list class="text-left m-2" :border="false">
				<uni-list-item title="头像" >
					<template slot="footer">
						<image class="slot-image" src="/static/lawyer.jpg" mode="scaleToFill"></image>
					</template>
				</uni-list-item>
				<uni-list-item title="昵称" rightText="vlog08287" rightColor="black">

				</uni-list-item>
				<uni-list-item title="手机" rightText="130****8287" rightColor="black">

				</uni-list-item>
				<uni-list-item title="性别" rightText="男" rightColor="black">

				</uni-list-item>
				<uni-list-item title="生日" rightText="1988-01-10" rightColor="black">

				</uni-list-item>
				<uni-list-item title="简介" note="执业8年，毕业于西南政法大学法律系。多次被评为省职、市职优秀律师称号。" rightColor="black">

				</uni-list-item>
			</uni-list>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	page {
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		background-color: #ffffff;
		min-height: 100%;
		height: auto;
	}
	.slot-image {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		width: 128rpx;
		height: 128rpx;
		border-radius: 64rpx;
	}
</style>
